<?php
require('clases/grupo.class.php');
$objGrupo=new Grupo;
$consulta=$objGrupo->mostrar_grupos();
?>
<script type="text/javascript">
$(document).ready(function(){
	// mostrar formulario de actualizar datos
	$("table tr .modi a").click(function(){
		$('#tabla').hide();
		$("#formulario").show();
		$.ajax({
			url: this.href,
			type: "GET",
			success: function(datos){
				$("#formulario").html(datos);
			}
		});
		return false;
	});
	
	// llamar a formulario nuevo
	$("#nuevo a").click(function(){
		$("#formulario").show();
		$("#tabla").hide();
		$.ajax({
			type: "GET",
			url: 'ngrupo.php',
			success: function(datos){
				$("#formulario").html(datos);
			}
		});
		return false;
	});
});

</script>
<div id="container">
			
			<div id="demo">

<span id="nuevo"><a href="ngrupo.php"><img src="img/add.png" alt="Agregar dato" /></a></span><br/><br/>
	<table id="example" class="display">
    <thead>
   		<tr>
   			<th>Grupo</th>    		
            <th>Descripci&oacute;n</th>    		
            <th>Keyword</th>
            <th>Fecha de Creaci&oacute;n</th>            
            <th>Editar</th>
            <th>Eliminar</th>
        </tr>
        </thead>
        <tbody>
<?php
if($consulta) {
	while( $grupo = mysql_fetch_array($consulta) ){
	?>
	
		  <tr id="fila-<?php echo $grupo['id'] ?>">
			  <td><?php echo $grupo['nombre'] ?></td>
			  <td><?php echo $grupo['descripcion'] ?></td>
              <td><?php echo $grupo['keyword'] ?></td>
			  <td><?php echo $grupo['Fecha_Creacion'] ?></td>			  
			  <td class="center"><span class="modi"><a href="actgrupo.php?id=<?php echo $grupo['id'] ?>"><img src="img/database_edit.png" title="Editar" alt="Editar" /></a></span></td>
			  <td class="center"><span class="dele"><a onClick="EliminarGrupo(<?php echo $grupo['id'] ?>); return false" href="sprgrupo.php?id=<?php echo $grupo['id'] ?>"><img src="img/delete.png" title="Eliminar" alt="Eliminar" /></a></span></td>
		  </tr>
	<?php
	}
}
?></tbody>
    </table>
    </div>
			<div class="spacer"></div>
			
			
			
			</div>
		</div>